@media(min-width:720px){
	.csk-md-no-resize{
		max-width:none !important;
	}
}

@media(min-width:900px){
.flex, .flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0px auto;
}

.panel {
   display: flex;
   flex-direction:column;
   align-content:stretch; 
}

.panel-body {
   display: flex;
   flex-grow:1;
}


}


@media(max-width:700px){

.teaser h1, .grid h1 {
	font-size: 1.6em;
}

.teaser h1 {
	margin: 0;
}
.teaser {
	margin-bottom: 10px;
}
}





@media(max-width:768px){

body {
    font-size: 12px;
    line-height: 1.2;
}

	#logobar {padding: 0px 20px;}

	#outer {padding-top: 120px;}
	
	
	.navbar {
		background: none;
		position: absolute;
		z-index: 2000;
	}
	
	.navbar-collapse {
		background: gray;
	}
	
	#topbar .navbar-nav li {
	display: block;
	}
	
	.navbar-nav > li > a {
   	padding: 3px;
	}
	
	.table-small > tbody > tr > td:first-child {
    width: auto;
	 white-space: normal;
	}

	
	#bannergroup li {
		width: auto;
		float: left;
	}

	.teaser h1, .grid h1 {
		font-size: 1.1em;
	}

.griddivider {
	font-size: 0.9em;
}

#main > .griddivider {
	margin-top: 0;
}


.gridhead {
    padding: 2px;
}

.gridhead h1 {
    padding: 4px 0px 0 5px;
}



/*stages*/
.stageone, .stagetwo {
    padding: 15px;
}

.stage h1 {
	font-size: 1.6em
}

.stage h2 {
	font-size: 1.3em
}


/* listen */
.list-group-item {
    margin-bottom: 0px;
}

.list-group-item h1 {
    font-size: 1.2em;
    margin: 0 0 3px;
}

.list-group-posting hr {
	margin: 0 0 10px 0;
}




.directorylist h1 {
    font-size: 1.1em;
}

.directorylist .list-group-item {
    padding: 3px 0;
}






















	
}